@charset "utf-8";

/*--------------------------------------------------------------
	Widgets
--------------------------------------------------------------*/
#side .table-layout caption {
	padding: 0 6px;
	color: #515151;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 10px 5px;
	text-align: left;
	background-color: #E7DFAA;
}

#side .table-layout table {
	width: 100%;
	position: relative;
	table-layout: fixed;
	border-collapse: collapse;
}

#side .table-layout th,
#side .table-layout td {
	font-size: 14px;
	color: #333;
	text-align: center;
	vertical-align: middle;
	word-break: break-all;
	box-sizing: border-box;
	border-bottom: 2px solid #e1f6dd;
	background-color: #FFF;
}


#side .table-layout td {
	border-left: 2px solid #e1f6dd;
	border-right: 2px solid #e1f6dd;
}

#side .table-layout th {
	font-size: 18px;
	font-weight: bold;
	background-color: #C5D7BB;
}



/*----------------------------------------------------
	SP css
----------------------------------------------------*/
@media screen and (max-width: 599px) {
	#index .table-layout {
		overflow: auto;
	}

	#index .table-layout table {
		width: 475px;
		position: relative;
		table-layout: fixed;
		border-collapse: collapse;
	}

	#index .table-layout th,
	#index .table-layout td {
		width: 19.5%;
		font-size: 13px;
		color: #333;
		text-align: center;
		vertical-align: middle;
		word-break: break-all;
		box-sizing: border-box;
		border-bottom: 1px solid #E1F6DD;
		background-color: #FFF;
	}

	#index .table-layout th {
		width: 22%;
		font-size: 13px;
		font-weight: bold;
		background-color: #C5D7BB;
	}

	#index .table-layout tbody td {
		text-align: left;
	}

	#index .table-layout tr:last-child th,
	#index .table-layout tr:last-child td {
		border-bottom: none;
	}

	#index .table-layout td {
		border-left: 1px solid #e1f6dd;
	}
}
